<template>
	<a-layout>
		<the-header-view/>
		<a-layout>
			<the-sider-view/>
			<a-layout-content :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '777px' }">
				<router-view/>
			</a-layout-content>
		</a-layout>
		<the-footer-view/>
	</a-layout>
</template>

<script>
import {defineComponent} from 'vue';
import TheSiderView from '@/components/the-sider.vue';
import TheFooterView from '@/components/the-footer.vue';
import TheHeaderView from '@/components/the-header.vue';

export default defineComponent({
	components: {
		TheFooterView,
		TheSiderView,
		TheHeaderView,
	},
	setup(){
		return {};
	},
});
</script>

<style scoped>
</style>